<template>
  <el-row>
    <div class="section-input">
      <el-checkbox-group v-model="sels">
        <div v-if="question.style==='v'">
          <section v-for="option in question.options" :key="option.key">
            <el-checkbox :label="option.text" :checked="option.checked">{{option.text}}</el-checkbox>
          </section>
        </div>
        <div v-else>
          <section v-for="option in question.options" :key="option.key" style="float:left">
            <el-checkbox :label="option.text" :checked="option.checked">{{option.text}}</el-checkbox>
          </section>
        </div>
      </el-checkbox-group>
    </div>
  </el-row>
</template>

<script>
    export default {
      name: "view-i-checkbox",
      props:['question'],
      data(){
        return {
          sels:[]
        }
      },
      methods:{
      }
    }
</script>

<style lang="scss">
</style>
